$(function(){
    $('#link_reg').on('click',function(){
        $('.login-box').hide()
        $('.reg-box').show()
    })
    //点击 去登陆 的链接
    $('#link_login').on('click',function(){
        $('.login-box').show()
        $('.reg-box').hide()
    })

    var form = layui.form
    form.verify({
        // 自定义了一个叫做 pwd 校验规则
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        //校检两次密码是否一致的规则
        repwd:function(value){
            var pwd = $('.reg-box [name=password]').val()
            if(pwd !== value){
                return '两次密码不一致'
                // layer.msg('密码不一致')
        //   $('#link_login').click()
        
            }
        }
    })
    //监听注册表单的提交
    $('#form_reg').on('submit', function(e) {
        // 1. 阻止默认的提交行为
        e.preventDefault()
        // 2. 发起Ajax的POST请求
        var data = {
          username: $('#form_reg [name=username]').val(),
          password: $('#form_reg [name=password]').val()
        }
        $.post('/api/reguser', data, function(res) {
          if (res.status !== 0) {
            return layer.msg(res.message)
          }
       layer.msg('注册成功，请登录！')
          $('#link_login').click()
        })
    })


//     $('#form_reg').on('submit', function (e) {
//         // 1. 阻止默认的提交行为
//         e.preventDefault()
//         // 2. 发起Ajax的POST请求
//         var data = {
//             username: $('#form_reg [name=username]').val(),
//             password: $('#form_reg [name=password]').val()
//         }
//   $.post('http://api-breakingnews-web.itheima.net/api/reguser', data, function (res) {
//             if (res.status !== 0) {
//                 return layer.msg(res.message)
//             }
//             layer.msg('注册成功，请登录！')
//             // 模拟人的点击行为
//             $('#link_login').click()
//         })
//     })

    // 登陆表单的提交
    // $('#form_login').submit(function(e) {
    //     // 阻止默认提交行为
    //     e.preventDefault()
    //     $.ajax({
    //       url: '/api/login',
    //       method: 'POST',
    //       // 快速获取表单中的数据
    //       data: $(this).serialize(),
    //       success: function(res) {
    //         if (res.status !== 0) {
    //           return layer.msg('登录失败！')
    //         }
    //         layer.msg('登录成功！')
    //         // 将登录成功得到的 token 字符串，保存到 localStorage 中
    //         // localStorage.setItem('token', res.token)
    //         // 跳转到后台主页
            
    //       }
    //     })
    //     location.href = 'index.html'
    // })


    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        var data = {
            username: $('#form_login [name=username]').val(),
            password: $('#form_login [name=password]').val()
        }
        $.post('/api/login', data, function (res) {
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('登录成功')
            // 将登录成功得到的 token 字符串，保存到 localStorage 中
            localStorage.setItem('token', res.token)
            //跳转页面
            location.href = "index.html"
        })

    });

})
